<script type="text/javascript">
$('document').ready(function(){
	$('.top:not(:first)').hide();
	$('.chon_san:first').addClass('active2');
		$('.chon_san').click(function(){
		$('.active2').removeClass('active2');
		$(this).addClass('active2');
		if($(this).attr('id')=="buocmot"){
			$('.top').hide();
			$('#tab1').show();
			}
		if($(this).attr('id')=="buochai"){
			//alert($(this).attr('id'));
				$('.top').hide();
				$('#tab2').show();
			}
		if($(this).attr('id')=="buocba"){
			//alert($(this).attr('id'));
				$('.top').hide();
				$('#tab3').show();
			}	
		if($(this).attr('id')=="buocbon"){
			//alert($(this).attr('id'));
				$('.top').hide();
				$('#tab4').show();
			}	
		if($(this).attr('id')=="buocnam"){
			//alert($(this).attr('id'));
				$('.top').hide();
				$('#tab5').show();
			}	
		if($(this).attr('id')=="buocsau"){
			//alert($(this).attr('id'));
				$('.top').hide();
				$('#tab6').show();
			}	
	});
});
</script>
<div id="san_menu">
<div id="menu_left">
<div class="chon_san" id="buocmot">
BƯỚC MỘT
</div>
<div class="chon_san" id="buochai">
BƯỚC HAI
</div>
<div class="chon_san" id="buocba">
BƯỚC BA
</div>
<div class="chon_san" id="buocbon">
BƯỚC BỐN
</div>
<div class="chon_san" id="buocnam">
BƯỚC NĂM
</div>
<div class="chon_san" id="buocsau">
BƯỚC SÁU
</div>


</div><!--Menu-->
<div id="san_right">
<div class="top" id="tab1">
<div style="float:left;"><img src="images/buocmot.jpg" /></div>
<div style="width:250px; margin-left:500px;">Đăng nhập vào Website
  <p>&nbsp;</p>
</div>
</div><!--end tab1-->

<div class="top" id="tab2">
<div style="float:left;"><img src="images/buochai.jpg" /></div>
<div style="width:250px; margin-left:500px;">
<p>Chọn hình thức đặt sân gồm có :</p>
<p> + Đặt sân theo sân </p>
<p>+ Đặt sân theo thời gian</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</div><!--end tab2-->

<div class="top" id="tab3">
<div style="float:left;"><img src="images/buocba.jpg" /></div>
<div style="width:250px; margin-left:500px;">
<p>Step 1 . Điền đầy đủ thông tin gồm có : ngày bắt đầu , ngày kết thúc , giờ bắt đầu và giờ kết thúc</p>
<p>Step 2. Nếu bạn đặt sân không theo lịch định kì thì ô ngày kết thúc sẽ bị ẩn và mặc định ngày kết thúc là ngày bắt đầu.</p>
<p>&nbsp;</p>
</div>
</div><!--end tab3-->

<div class="top" id="tab4">
<div style="float:left;"><img src="images/buocbon.jpg" /></div>
<div style="width:250px; margin-left:500px;">
<p>Step 1 . Nếu đặt định kì thì bạn phải check vào ô để chọn thứ .(Lưu ý : Khung giờ đã có người đặt ô chọn thứ sẽ bị ẩn)</p>
<p>Step 2 .Nếu đặt sân theo thời gian thì phải chọn sân (Lưu ý : Khung giờ đã có người đặt ô chọn thứ sẽ bị ẩn)</p>
</div>
</div><!--end tab4-->

<div class="top" id="tab5">
<div style="float:left;"><img src="images/buocnam.jpg" /></div>
<div style="width:250px; margin-left:500px;">
Nhấn nút đặt sân và chờ cho đến khi màn hình báo hoàn tất đặt sân và thông tin đặt sân sẽ được gửi vào email của bạn
</div>
</div><!--end tab5-->
<div class="top" id="tab6">
<div style="float:left;"><img src="images/buocsau.jpg" /></div>
<div style="width:250px; margin-left:500px;">
Vào email và kiểm tra thông tin đặt sân của bạn
</div>
</div><!--end tab5-->


</div><!--end san_right-->
</div><!--end san_menu-->












